<!-- Ana Luisa Figón Treviño -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>About Me</title>
		<style type="text/css">
			.itemList{
				color: gray;
			}
		</style>
		<script type="text/javascript">
			function eso(){
				var imagen = "<img src='C:/Users/Annie/Pictures/image/flower_bed.jpg'>";

				document.getElementsByTagName('span')[0].innerHTML =' Annie';
				document.getElementsByTagName('span')[1].innerHTML =' Read and Play videogames';
				document.getElementsByTagName('span')[2].innerHTML =' Ciudad Madero';

				document.getElementsByTagName('body')[0].style.fontFamily="Arial";

				document.getElementsByTagName('span')[0].className = 'itemList';
				document.getElementsByTagName('span')[1].className = 'itemList';
				document.getElementsByTagName('span')[2].className = 'itemList';

				document.getElementsByTagName('body')[0].innerHTML += imagen;
			}
			
		</script>
	</head>
	<body>

		<h1>About Me</h1>
		<ul>
			<li>Nickname: <span id='nickname'></span></li>
			<li>Favorites: <span id='favorites'></span></li>
			<li>Hometown: <span id='hometown'></span></li>
		</ul>
		<input type='button' onClick='eso();' value="click">
	</body>

</html>
	